/* Next 2 needed for sticky footer - from https://getbootstrap.com/docs/5.0/examples/sticky-footer/ example */
html, body, form {
    flex-direction: column !important;
    display: flex !important;
}

body {
    overflow-x: hidden !important;
}

    form[action="/Guest-Management/Guest-Compliance-Registration"] {
        height: unset !important;
    }

.container-fluid {
    padding-right: var(--bs-gutter-x,0rem);
    padding-left: var(--bs-gutter-x,0rem);
}

.DNNEmptyPane {
    padding: 0px !important;
    margin: 0px !important;
}

/*logo*/
.navbar-brand {
    margin-right: 0px;
}

/*navigation*/
@media (max-width: 767px) {
    .navbar {
        align-items: center;
    }
}

.navbar, .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}

.nav-item.dropdown.rotated .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
}

/*navigation*/
/*@media only screen and (min-width: 769px) and (max-width: 991px) {
    .navbar {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .navbar {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}*/

/*header*/
header .language-object {
    text-align: right !important;
}

@media only screen and (max-width: 991px) {
    header .language-object {
        position: absolute;
        top: 0;
        padding-right: 5px !important;
    }

    --bs-gutter-x: 1.5rem;
}

/*section backgrounds*/
.mcdonalds-art, .headerPane, #dnn_HeaderPane, .contentPane {
    background-color: var(--bs-body-bg);
}

#dl-row-bg, #dnn_ContentPane, #dnn_ContentPane .container-fluid .row {
    background-color: var(--bs-body-bg);
}

/*.bg-primary {
    background-color: #00000060 !important;
}/*

/*.row {
    --bs-gutter-x: 0px;
}*/

/*page paddings*/
/*.headerPane, #dnn_HeaderPane, .contentPane, #dnn_ContentPane {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
}*/


@media only screen and (min-width: 992px) {
    #dnn_HeaderPane, #dnn_ContentPane, .mcdonalds-art {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important;
    }
}

@media only screen and (max-width: 991px) {
    #dnn_HeaderPane, #dnn_ContentPane, .mcdonalds-art {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
    #dnn_HeaderPane, #dnn_ContentPane, .mcdonalds-art {
        padding-left: 4.1rem !important;
        padding-right: 4.1rem !important;
    }
}

/*@media only screen and (min-width: 992px) and (max-width: 1263px) {
    .headerPane, .contentPane, #dnn_HeaderPane, #dnn_ContentPane {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}*/
/*@media only screen and (max-width:767px) {
    #dnn_ContentPane {
        margin-top: 0px !important;
        padding-top: 0px !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
}*/

/*@media only screen and (min-width:768px) and (max-width:992px) {
    #dnn_ContentPane {
        margin-top: 0px !important;
        padding-top: 0px !important;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 20px;
    }
}*/

/*table*/
table {
    color: var(--bs-body-color);
    font-size: var(--mcdonalds-body-size);
    --border: 0px solid black;
    border-radius: unset;
    border-spacing: 0;
    border-collapse: separate;
    border: var(--border);
    overflow-x: auto !important;
    table-layout: fixed !important;
}

@media (min-width: 2086px) {
    table {
        width: 100% !important;
    }
}

        @media (max-width: 1799px) {
            #cartTable {
                white-space: nowrap;
            }
}

        table th:not(:last-child),
        table td:not(:last-child) {
            border-right: var(--border);
        }

        table > thead > tr:not(:last-child) > th,
        table > thead > tr:not(:last-child) > td,
        table > tbody > tr:not(:last-child) > th,
        table > tbody > tr:not(:last-child) > td,
        table > tfoot > tr:not(:last-child) > th,
        table > tfoot > tr:not(:last-child) > td,
        table > tr:not(:last-child) > td,
        table > tr:not(:last-child) > th,
        table > thead:not(:last-child),
        table > tbody:not(:last-child),
        table > tfoot:not(:last-child) {
            border-bottom: var(--border);
        }

    td {
        text-align: left;
        padding: 19px 11px !important;
        height: 100%;
    }

/*table font colour*/
tbody tr:nth-child(odd), tbody tr:nth-child(even) {
    color: var(--bs-body-color);
}

    /*table head row*/
    thead, th {
        background-color: var(--mcdonalds-black) !important;
        text-align-last: left;
        padding: 19px 11px !important;
        font-size: 1.13rem;
        line-height: 1.43rem;
        font-family: 'Speedee Bold' !important;
    }

        th strong, thead p {
            color: var(--mcdonalds-white) !important;
        }

        thead, th span {
            color: var(--mcdonalds-white) !important;
            font-family: 'Speedee Bold', san-serif !important;
        }

/*table footer*/
tfoot, tfoot td {
    color: var(--bs-body-color) !important;
    font-family: 'Speedee Bold' !important;
}

    /*table row colours*/
    tbody tr:nth-child(odd) {
        background-color: var(--bs-secondary-bg) !important;
    }

    tr:nth-child(even) {
        background-color: var(--bs-body-bg) !important;
    }


    /* registration section*/
/*.content-pad {
        background-color: var(--bs-body-bg);
        border-radius: var(--mcdonalds-border-radius);
        padding: 30px;
    }*/

        .content-pad.content-image {
            background-color: transparent !important;
            padding: 30px 0px 0px 0px !important;
        }

        .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label, .content-pad p, .content-pad h1, .content-pad h2, .content-pad h3, .content-pad h4, .content-pad h5, .content-pad h6 {
            color: var(--bs-body-color) !important;
        }

.form-check-input.is-valid:checked {
    background-color: var(--bs-body-color);
}

.form-control.is-valid, .form-control.is-valid, .form-select.is-valid, .was-validated .form-select:valid {
    border-color: unset !important;
}

.content-pad span {
    color: var(--bs-body-color);
    font-size: var(--mcdonalds-validation-size);
    font-family: 'Speedee Regular';
}

    .content-pad a {
        color: var(--mcdonalds-red) !important;
    }

    /*form*/
    form {
        flex-direction: column !important;
        display: flex !important;
    }

    .ModContactUsC {
        background-color: var(--bs-body-bg);
        border-radius: unset;
    }

    .col-form-label {
        color: var(--bs-body-color);
    }


    .ModContactUsC .btn-primary:hover {
        background-color: var(--mcdonalds-gold-low-opacity) !important;
    }

@media only screen and (max-width: 767px) {
    #il-home-1 .row, #il-home-1a .row, #il-home-2 .row {
        flex-direction: column-reverse;
    }
}

/* Package and shopping cart tables */
#cartTable td:nth-child(2) {
    white-space: pre-wrap;
}

#PulsePackageListingForWave td:nth-child(4), #PulsePackageListingForWave td:last-child {
    white-space: nowrap;
}

.tickettable td:nth-child(6), .tickettable td:last-child {
    white-space: nowrap;
}

/* ----- Guest list module ----- */

/* Hide some dropdown values */
.ModPulseInviteeManagementC select#columnList option[value="PackageType"],
.ModPulseInviteeManagementC select#columnList option[value="Occupancy"],
.ModPulseInviteeManagementC select#columnList option[value="ShoppingCartId"],
.ModPulseInviteeManagementC select#columnList option[value="Email"],
.ModPulseInviteeManagementC select#columnList option[value="BusinessUnit"] {
    display: none;
}

/* Add add button */
.ModPulseInviteeManagementC #filterAdd {
    display:none;
}

/*.ModPulseInviteeManagementC #scrolling_table_1 table { NOTE - Removed this as it was causing the cols to be a fixed equal width
    width:100%;
}*/

/* Add company column - 9th column */
.ModPulseInviteeManagementC #scrolling_table_1 table td:nth-child(9) {
    display: none;
}

/* Hide some rows on edit guest popup */
#inviteeEditModal #itemDetail div:nth-child(5), #inviteeEditModal #itemDetail div:nth-child(8), #inviteeEditModal #itemDetail div:nth-child(9), #inviteeEditModal #itemDetail div:nth-child(10), #inviteeEditModal #itemDetail div:nth-child(11), #inviteeEditModal #itemDetail div:nth-child(13), #inviteeEditModal #itemDetail div:nth-child(14), #inviteeEditModal #itemDetail div:nth-child(15) {
    display: none;
}

#InviteeModule-1111 #scrolling_table_1 tr td:nth-child(3) { /* Hide occ column */
    display: none;
}

#inviteeEditModal .modal-body,
#inviteeAddModal .modal-body,
#myModal .modal-body {
    padding: 15px;
}

#inviteeEditModal .modal-body label,
#inviteeAddModal .modal-body label {
    padding: 0;
}

#inviteeEditModal .modal-body .row,
#inviteeAddModal .modal-body .row {
    margin-right: 0;
    margin-left: 0;
}

#filter-1111 {
    display: none !important;
}

#InviteeModule-1111 > p {
    display: none !important;
}

#myModal #itemDetail label, #myModal #itemDetail input {
    width: 100%;
    max-width: 100%;
}

#myModal #itemDetail button {
    margin-top:20px;
}